<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<script src="${pageContext.request.contextPath}/statics/js/Common.js"></script>
<div class="root zp">
    <div class="rightNav-top header">
        <div class="header-content">
            <div class="top-menu">
                <div class="fl">高校毕业生就业平台</div>
                <div class="fr">
                    <c:if test="${sessionScope.userLogin == null}">

                        <div class="not-login fl">
                            <span class="not-login-button">
                                <a href="/login.html"><span class="fa fa-user"></span>登录/注册</a>
                            </span>
                            <span>
                                <a href="#" class="not-login-position"><span class="fa fa-envelope"></span>上传简历</a>
                            </span>
                        </div>

                        <div class="zp-phone fl">
                            <i class="fa fa-phone"></i>
                            <span>400-888-9999</span>
                        </div>
                    </c:if>


                    <c:if test="${sessionScope.userLogin != null}">
                        <div class="zp-welcome">
                            <a href="">
                                <i class="fa fa-envelope"></i> 消息<i class="zp-unread">|</i>
                            </a>
                            <a href="">
                                <i class="fa fa-user"></i> 个人中心 <i class="zp-unread">|</i>
                            </a>
                            <div class="zp-profile">
                                <span style="margin-right: 5px"> 欢迎回来 </span>
                                <span class="zp-welcome-username">
                                    <span>${sessionScope.userLogin.stu_name}</span>
                                    <i class="fa fa-angle-down le"></i>
                                    <div class="zp-welcome-sf">
                                        <ul class="zp-welcome__setlist">
                                            <li class="zp-welcome__setlist--li">
                                                <a href="#" target="_blank" class="zp-welcome__setlist--link">我的简历</a>
                                            </li>
                                            <li class="zp-welcome__setlist--li">
                                                <a href="#" target="_blank" class="zp-welcome__setlist--link">我的收藏</a>
                                            </li>
                                            <li class="zp-welcome__setlist--li">
                                                <a href="#" target="_blank" class="zp-welcome__setlist--link">面试邀请</a>
                                            </li>
                                            <li class="zp-welcome__setlist--li">
                                                <a href="/logout?id=userLogin"  class="zp-welcome__setlist--link">退出登录</a>
                                            </li>
                                        </ul>
                                    </div>
                                </span>
                            </div>
                        </div>


                    <div class="zp-phone ">
                        <i class="fa fa-phone"></i>
                        <span>400-888-9999</span>
                    </div>
                    </c:if>

                </div>
            </div>


            <div class="zp-search-wrapper" mode="mode">
                <div class="clearfix">
                    <div class="zp-logo fl">
                        <a href="/home.html">
                            <img src="${pageContext.request.contextPath}/statics/img/Logo.png" alt=""
                                 style="width: 100%"/>
                        </a>
                    </div>
                    <div class="zp-search-box fl">
                        <div class="search-box">
                            <div class="zp-input search-box-input">
                                <input type="text" class="zp-input-native" placeholder="搜索职位、公司"  name="key" id="key"/>
                            </div>
                            <button class="search-box-button btn fa fa-search" id="searchJob"></button>
                            <div class="jobsearch" style="display: none"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="nav-menu">
        <div class="nav-min zp-nav-channel">
            <ul class="zp-nav zp-nav-channel zp-nav-content clearfix">
                <li class="zp-nav-item zp-nav-item-active">
                    <a href="javascript:" class="zp-nav-item-name zp-nav-channel-link">首页</a>
                </li>
                <li class="zp-nav-item">
                    <a href="" class="zp-nav-item-name zp-nav-channel-link">校园招聘</a
                    >
                </li>
                <li class="zp-nav-item">
                    <a href="" class="zp-nav-item-name zp-nav-channel-link"
                    >就业政策</a
                    >
                </li>
                <li class="zp-nav-item">
                    <a href="" class="zp-nav-item-name zp-nav-channel-link"
                    >新闻资讯</a
                    >
                </li>
                <li class="zp-nav-item">
                    <a href="" class="zp-nav-item-name zp-nav-channel-link">宣讲会</a>
                </li>
                <li class="zp-nav-item">
                    <a href="" class="zp-nav-item-name zp-nav-channel-link">讨论</a>
                </li>
            </ul>
        </div>
    </div>

</div>
